<!DOCTYPE html>
<html>
<head>
    <title>CSS Test reference</title>
    <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com"/>
    <!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 -->
    <link rel="reviewer" title="Mihai Balan" href="mailto:mibalan@adobe.com"/>
    <style type="text/css">
        .green {
           position: absolute;
           background-color: green;
           width: 100px;
        }
        #square {
            top: 170px;
            left: 20px;
            height: 100px;
        }
        #rect-1, #rect-2 {
            top: 70px;
            height: 200px;
        }
        #rect-1 {
            left: 150px;
        }
        #rect-2 {
            left: 280px;
        }
    </style>
</head>
<body>
   <p>The test passes if there is one green square and two vertical 
      green rectangles to the right of it and no red.</p>
   <div class="green" id="square"></div>
   <div class="green" id="rect-1"></div>
   <div class="green" id="rect-2"></div>
</body>
</html>
